<template>
    <div class="gongneng">
      <div class="container-fluid" >
        <div class="row">
          <div class="col-md-5 ">
            <h1 style="font-size: 4vh;font-weight: bold">主要功能</h1>
            <ul style="list-style: disc;margin-left: 20px">
              <li class="text-success" v-for="v in arr"><h3>{{v.name}} <br><small>{{v.js}}</small></h3></li>
            </ul>
          </div>
          <div class="col-md-7">
            <img src="../assets/gongneng_js.png" class="img-responsive">
          </div>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  name: "HomeGongneng",
  data(){
    return {
      activeName:1,
      arr:[{
        name:"一键群发",
        js:"支持发送文本、图片、表情、文件、链接、名片、群、链接、视频等.加入定时群发和时间间隔，更安全"
      },{
        name:"一键群发好友",
        js:"向指定或全部好友群发内容，与上方群发介绍一样"
      },{
        name:"关键字好友",
        js:"当好友发送对应关键词，即可进行自动回复"
      },{
        name:"自动通过好友",
        js:"当有新的朋友加你时，就可以自动通过申请，并自动回复欢迎语"
      },{
        name:"通讯录管理",
        js:"快速查看通讯录好友，能快速实现筛选功能。针对筛选出来的好友进行批量标记、备注、删除等操作"
      },{
        name:"群自动响应",
        js:"当群好友发送对应关键词，即可进行自动回复"
      },{
        name:"消息同步转发",
        js:"可以转发一个好友，群聊或者公众号的消息，到另外一个好友，群聊或者公众号"
      },{
        name:"欢迎新成员",
        js:"当有新成员入群时，就可以自动@并回复欢迎语"
      }
      ]
    }
  }
}
</script>

<style scoped>
.gongneng{
  background-color: #f4f5fa;
}
li h3{
  font-size: 2.3vh;
}

</style>